import React, { Component } from 'react'
import Funson from './funson'
// rce 用于生成一个类组件得快捷键
// react中采用jsx语法，jsx html和js的一个混写，jsx遇到<>解析html，遇到{}解析js,jsx的本质是什么？
// jsx的本质是react.createElement
const name = "zhangsan"
class Myclas extends Component {
  state = {   // 相当于vue的data ，state叫做状态
      age:20,
      address:"北京"
  }
  fn () {
    
    console.log(this)
    this.setState({
      address:"shanghai",
      age:"21"
    })
    // this.state.address = "shanghai"
  }
  // 在js中修改this指向使用call，applay，bind
  render() {
    return (
      <div>
          <p>{name}</p>
          <p>{this.state.age}</p>
          <p onClick = {this.fn.bind(this)}>{this.state.address}</p>
          <Funson></Funson>
      </div>
    )
  }
}

export default Myclas